<template>
  <div>
    <van-grid v-for="(v, index) in brandedgoods" :key="index" >
      <van-image :price="v.originprice"
        width="70px"
        height="70px"
        fit="contain"
        :src="v.img1"
        style="margin: 0 10px 0 10px;"
        @click="particular(v.proid)"
      />
    </van-grid>
  </div>
</template>

<script>
import axios from "axios";
export default {
  methods: {
    particular(v) {
      this.$router.push({
        name: "hello",
        query: {
          proid: v,
        },
      });
    },
  },
  props: {
    x: {
      type: String,
    },
    y: {
      type: String,
    },
  },
  updated() {
    this.$http({
      url: "api/pro/categorybrandprolist",
      method: "get",
      params: {
        count: 1,
        limitNum: 10,
        category: this.y,
        brand: this.x,
      },
    }).then((res) => {
      this.brandedgoods = res.data.data;
    });
  },
  mounted() {
    this.$http({
      url: "api/pro/categorybrandprolist",
      method: "get",
      params: {
        count: 1,
        limitNum: 10,
        category: this.y,
        brand: this.x,
      },
    }).then((res) => {
      this.brandedgoods = res.data.data;
    });
  },
  data() {
    return {
      brandedgoods: [],
    };
  },
};
</script>

<style>
.goods-card {
  margin: 0;
  background-color: white;
}

.delete-button {
  height: 100%;

  
  
}
</style>